<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>要求：页面3个链接：淘宝、京东、拼夕夕</h1>
		<h2>使用js访问href链接，文字内容</h2>
		
		<div>
			<a href="http://www.taobao.com"
			   target="_blank"
			   name="tb">
			   <!--target="_blank"//效果：弹出新窗口-->
				淘宝
			</a>
			<a href="http://www.jd.com"
			   target="_blank"
			   class="jd">
				京东
			</a>
			<a href="http://www.pinduoduo.com"
			   target="_blank"
			   id="pdd">
				拼多多
			</a>
			<script>
				//获取a标签
				//method1：通过tagName（标识名）
					//var k = alert( document.getElementsByTagName("a"));//得到数组对象
					// alert( document.getElementsByTagName("a")[0].href );
					// for(i =0;i<3;i++) {
					// 	alert(document.getElementsByTagName("a")[i].innerText );
					// 	console.log( document.getElementsByTagName("a")[i].href );
					// }
				//method2：通过name
				var tb = document.getElementsByName("tb");//得到数组对象
				console.log(tb[0].href);
				console.log(tb[0].innerText);
				//method3：通过class
				var jd = document.getElementsByClassName("jd");//得到数组对象
				console.log(jd[0].href);
				console.log(jd[0].innerText);
				//method4：通过id
				var pdd = document.getElementById("pdd");//得到对象
				console.log(pdd.href);
				console.log(pdd.innerText);
			</script>
			
		</div>
		
	</body>
</html>
